<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org" xmlns:front="http://www.w3.org/1999/xhtml">
<head >
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="topbar">
    <div class="topbar">
        <div class="topbar-con">
            <div class="topbar-right">
                <!--登陆前-->
                <form th:if="${user eq null}" th:action="@{/login/checking}" method="post" >
                    <span>用户名</span>
                    <input type="text" class="input-text" name="username" >
                    <span>密码：</span>
                    <input type="password" class="input-text"  name="password" >
                    <input type="hidden"  name="url"   th:value="${#request.getServletPath()}">
                  


                    <input type="submit" value="登录">
                    <a th:href="@{register}">用户注册</a>
                </form>
                <!--登录后-->
                <form th:if="${user ne null}" th:action=" @{/shelf/toshelf} " method="post">
                    <span th:text="${user.getName()}"></span>
                    <input type="hidden" name="userid" th:value="${user.getId()}">
                    <input type="submit" value="我的书架">
                    |<a th:href="@{/login/out}"> 退出登录 </a>
                </form>
            </div>
        </div>
    </div>
</div>
<div th:fragment="header">
    <div class="header">
        <h1 class="logo"><a href="/index">骑士小说</a></h1>
        <form action="/search" method="post" class="search-form">
            <input  name="keyWord" type="text" maxlength="30"
                    class="input-text input-key"  placeholder="可搜书名和作者，请您少字也别输错字。" />
            <input type="submit" value="搜索" />
        </form>
    </div>
</div>
<div th:fragment="nav">
    <ul class="nav">
        <li><a href="/index">首页</a></li>

<!--        <li><form th:action="${user ne null} ? @{/home} : @{/login/loginpage}" method="post">-->
<!--            <input th:if="${user ne null}" type="hidden" name="userid" th:value="${user.getId()}">-->
<!--            <input type="submit" value="个人主页">-->
<!--        </form></li>-->
        <li><a th:href="${user ne null} ? @{/home} : @{/login/loginpage}">个人主页</a></li>
        <li><a th:href="@{/classify(type='xuanhuan')}">玄幻奇幻</a></li>
        <li><a th:href="@{/classify(type='wuxia')}">仙侠武侠</a></li>
        <li><a th:href="@{/classify(type='dushi')}">都市言情</a></li>
        <li><a th:href="@{/classify(type='chuanyue')}">穿越历史</a></li>
        <li><a th:href="@{/classify(type='kehuan')}">科幻灵异</a></li>
        <li><a th:href="@{/classify(type='tongren')}">同人网游</a></li>
        <li><a href="/ranking">排行榜单</a></li>
        <li><a href="/collect">收藏榜单</a></li>

<!--        <li><a th:href="${user ne null} ? @{/tag}  : @{/login/loginpage}">我的书签</a></li>-->
<!--        这一栏只能显示十二个数据，不知道怎么改，只能先隐藏一个，我的书签只能在个人主页里查看了-->
        <li><a th:href="${user ne null} ? @{/personhistory}  : @{/login/loginpage}">阅读记录</a></li>
        <li><a href="/creativeassistance" front:red th:text="小说创作辅助">小说创作辅助</a></li>



        <!--        <li>-->
<!--            <form th:action="${user ne null} ? @{/tag} : @{/login/loginpage}" method="post">-->
<!--                <input type="submit" value="我的书签">-->
<!--            </form>-->
<!--        </li>-->
<!--        <li>-->
<!--            <form th:action="${user ne null} ? @{/personhistory} : @{/login/loginpage}" method="post">-->
<!--                <input type="submit" value="阅读记录">-->
<!--            </form>-->
<!--        </li>-->
    </ul>
</div>

</body>
</html>